<template>
    <div style="width: 100%">
        <el-form :model="formData" label-width="100px">

            <el-row>
                <el-col :span="12">
                    <el-form-item label="中文名称">
                        <el-input v-model="formData"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="编码标识">
                        <el-input v-model="formData"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>

            <el-row>
                <el-col :span="12">
                    <el-form-item label="接口地址">
                        <el-input v-model="formData"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="数据库链接">
                        <el-input v-model="formData"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>

            <el-row>
                <el-col :span="12">
                    <el-form-item label="配置类型">
                        <el-input v-model="formData"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>

            <el-row>
                <el-col :span="24">
                    <el-form-item label="链接数据">
                        <el-input type="textarea" resize="none" rows="5" v-model="formData"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
        </el-form>

        <div class="md-component-btns">
            <el-button size="medium" type="primary">保存</el-button>
            <el-button size="medium" @click="$emit('removeThisTabs')">取消</el-button>
        </div>
    </div>
</template>

<script>
export default {
    name: "dataSourceTemp",
    data() {
        return {
            formData: {}
        }
    }
}
</script>

<style scoped>

</style>
